<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Loqui IM</title>
    <meta name="description" content="">
    <meta name="author" content="LoquiIM (@loquiim)">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="theme-color" content="#282828">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="cleartype" content="on">
    <link rel="stylesheet" href="style/google/material-icons.css">
    <link rel="stylesheet" href="style/loqui/chungo.css">
    <link rel="stylesheet" href="style/loqui/index.css">
    <link rel="stylesheet" href="style/emojione/emojione.css">
    <link rel="prefetch" type="application/l10n" href="l10n/main.ini" />
    <link rel="shortcut icon" href="img/icon-32.png" type="image/png" />
</head>
<body class="app" data-online="false">
  <input type="file" class="ubuntu-touch-content-hub-input" id="contacts_input" accept="text/vcard" multiple/>
  <section id="welcome" class="show" data-transition="horizontal">
    <article id="main" class="scroll show">
      <script type="text/spacebars" name="welcome">
        <h1>{{_ 'WelcomeTo' app.name }}<br />{{ app.version }}{{ app.minorVersion }}</h1>
      </script>
    </article>
  </section>
  <section id="providers" data-transition="horizontal" class="form">
    <article id="main" class="headless simple scroll form">
      <h1 data-l10n-id="Providers">Add accounts</h1>
      <p data-l10n-id="ProvidersExplanation">You can add one or more accounts from the following messaging providers.</p>
      <ul class="mini">
      <script type="text/spacebars" name="providers_list">
        {{#each providers}}
          {{#with value}}
            <li><a data-view-section={{../key}}><img src="img/providers/{{../key}}.svg" />{{longName}}</a></li>
          {{/with}}
        {{/each}}
      </script>
      </ul>
      <div class="buttongroup">
        <button data-role="back" data-view-section="back" data-l10n-id="Cancel">Cancel</button>
      </div>
    </article>
  </section>
  <section id="success" data-transition="horizontal">
    <article id="main" class="headless simple scroll form">
      <h1 data-l10n-id="Congrats">Congratulations!</h1>
      <p data-l10n-id="CongratsLong">You have successfully set up your account.</p>
      <p><span id="imported"></span></p>
      <img id="avatar" />
      <div class="buttongroup">
        <button class="start" data-l10n-id="StartNow">Start using this account</button>
        <button class="back" data-role="back" data-menu-onclick="providers" data-l10n-id="ConfigOther">Set up another account</button>
      </div>
    </article>
  </section>
  <section id="main" data-transition="horizontal" class="main fix head foot">
    <header>
      <nav class="on-left discreet">
        <button data-view-aside="accounts" class="material-icons">menu</button>
      </nav>
      <script type="text/spacebars" name="account_header">
        {{#with account}}
        <span class="jid" data-unread="{{othersUnread}}">{{connector.provider.longName}}</span>
        {{/with}}
        <select>
        {{#each accounts}}
          <option value="{{index}}">{{data.core.user}} ({{data.unread}})</option>
        {{/each}}
        </select>
      </script>
      <nav class="help">
        <button data-help="main" data-menu-onclick="showHelp" class="material-icons">help</button>
      </nav>
    </header>
    <article id="chats" class="scroll">
    <script type="text/spacebars" name="chats">
      {{#each accounts}}
        <ul data-jid="{{data.core.fullJid}}"></ul>
      {{/each}}
      <a class="floater material-icons">create</a>
    </script>
    </article>
  </section>
  <section id="settings" data-transition="vertical" class="fix head extended">
    <header data-title="Settings" data-l10n-title="Settings" class="extended">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">close</button>
      </nav>
      <nav data-control="groupbar">
        <a data-l10n-id="Features" data-view-article="features">Features</a>
        <a data-l10n-id="Developer" data-view-article="devmode" id="developer">Developer</a>
        <a data-l10n-id="Info" data-view-article="info">Info</a>
        <a data-l10n-id="News" data-view-article="news">News</a>
      </nav>
    </header>
    <article id="features" class="scroll">
      <ul>
      <script type="text/spacebars" name="settings_features">
        {{#each settings}}
          <li data-key="{{key}}" data-value="{{value}}">
            <span>{{caption}}</span>
            <div class="switch"><div class="ball"></div><i class="material-icons">check</i></div>
          </li>
        {{/each}}
      </script>
      <script type="text/spacebars" name="settings_selects">
        {{#each settings}}
          <li data-key="{{key}}" data-type="select">
            <select>
              {{#each options}}
                <option value="{{value}}" {{Selected value ../index}}>{{caption}}</option>
              {{/each}}
            </select>
            <span>{{caption}}</span>
          </li>
        {{/each}}
      </script>
      </ul>
    </article>
    <article id="devmode" class="scroll">
      <ul>
      <script type="text/spacebars" name="settings_devmode">
        {{#each settings}}
          <li data-key="{{key}}" data-value="{{value}}">
            <span>{{caption}}</span>
            <div class="switch"><div class="ball"></div><i class="material-icons">check</i></div>
          </li>
        {{/each}}
      </script>
      </ul>
    </article>
    <article id="info" class="simple scroll">
      <h1><span data-var="name"></span> <span data-var="version"></span><span data-var="minorVersion"></span></h1>
	  <p id="latestVersion"></p>
      <p><a target="_external" href="https://github.com/loqui/im/releases"><em data-l10n-id="Changelog">Changelog</em></a></p>
      <p data-l10n-id="Copyright">© 2013-2018 Loqui IM. Some rights reserved.</p>
      <p><a target="_external" href="http://loqui.im/"><em data-l10n-id="Website">Website</em></a></p>
      <p><a target="_external" href="https://github.com/loqui/im/issues?state=open"><em data-l10n-id="ReportIssue">Report an issue</em></a></p><br />
      <p><small data-l10n-id="FreeSoftware">This program is free software; you may redistribute and/or modify it under the terms of the GNU Affero General Public License (AGPL 3) as published by the Free Software Foundation.</small></p>
    </article>
	<article id="news" class="scroll">
	  <div id="newsInclude"></div>
	</article>
  </section>
  <section id="me" data-transition="vertical" class="fix head profile">
    <header data-title="My account" data-l10n-title="MyAccount">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">expand_less</button>
      </nav>
    </header>
    <article id="main" class="scroll">
      <div id="card">
        <!-- background_input is displayed outside the window, the click on this element is triggered
      		   and for security reason it could not be hidden -->
        <input type="file" class="ubuntu-touch-content-hub-input" id="background_input" accept="image/*" />
        <span class="avatar"><img/></span>
        <span class="name"></span>
        <span class="user"></span>
        <span class="provider"></span>
        <button class="background change material-icons">insert_photo</button>
        <button class="background delete material-icons">delete_forever</button>
      </div>
      <div id="nick">
        <h2 data-l10n-id="Nick">Nick</h2>
        <input type="text" name="nick" id="nick" />
      </div>
      <div id="status">
        <h2 data-l10n-id="StatusMessage">Status message</h2>
        <input type="text" name="status" id="status" />
      </div>
      <div id="actions">
        <h2 data-l10n-id="Actions">Actions</h2>
        <div class="buttongroup">
          <button class="otrMenu" data-l10n-id="OTRMenu" data-menu-onclick="otrMenu">OTR Settings</button>
          <button class="accountRemove" data-l10n-id="AccountRemove" data-menu-onclick="accountRemove">Remove this account</button>
          <button class="accountPurchase" data-l10n-id="Purchase" data-menu-onclick="purchase">Purchase</button>
        </div>
      </div>
    </article>
  </section>
  <section id="contact" data-transition="vertical" class="fix head profile">
    <header data-title="Contact profile" data-l10n-title="ContactProfile">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">expand_less</button>
      </nav>
      <nav class="help">
        <button data-help="contact" data-menu-onclick="showHelp" class="material-icons">help</button>
      </nav>
    </header>
    <article id="main" class="scroll">
      <div id="card">
        <!-- avatar_input is displayed outside the window, the click on this element is triggered
             and for security reason it could not be hidden -->
        <input type="file" class="ubuntu-touch-content-hub-input" id="avatar_input" accept="image/*" />
        <span class="avatar"><img/></span>
        <span class="name"></span>
        <span class="user"></span>
        <span class="provider"></span>
      </div>
      <div id="status">
        <h2 data-l10n-id="StatusMessage">Status message</h2>
        <p id="status"></p>
      </div>
      <div id="settings">
        <h2 data-l10n-id="ChatSettings">Chat settings</h2>
        <ul></ul>
      </div>
      <div id="actions">
        <h2 data-l10n-id="Actions">Actions</h2>
        <div class="buttongroup">
          <button data-l10n-id="ChatRemove" data-menu-onclick="chatRemove">Clear chat</button>
          <button class="hidden" data-l10n-id="ContactAdd" data-menu-onclick="contactAdd">Add this contact</button>
          <button data-l10n-id="ContactRemove" data-menu-onclick="contactRemove">Remove this contact</button>
        </div>
      </div>
    </article>
  </section>
  <section id="muc" data-transition="vertical" class="fix head profile">
    <header data-title="Group Info" data-l10n-title="GroupInfo">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">expand_less</button>
      </nav>
      <nav class="help">
        <button data-help="muc" data-menu-onclick="showHelp" class="material-icons">help</button>
      </nav>
      </header>
    <article id="main" class="scroll">
      <div id="card">
        <span class="avatar"><img/></span>
        <span class="name"></span>
        <span class="provider"></span>
        <div>
          <i class="material-icons md-18 cdate">star</i><span class="cdate"></span>
          <span class="s_t"></span><i class="material-icons md-18 s_t">label</i>
        </div>
      </div>
      <div id="participants">
        <h2 data-l10n-id="Participants">Participants</h2>
        <ul></ul>
        <div class="buttongroup">
          <button data-l10n-id="MucDirectInvite" class="invite" data-menu-onclick="mucDirectInvite">Invite someone</button>
        </div>
      </div>
      <div id="settings">
        <h2 data-l10n-id="ChatSettings">Chat settings</h2>
        <ul></ul>
      </div>
      <div id="actions">
        <h2 data-l10n-id="Actions">Actions</h2>
        <div class="buttongroup">
          <button data-l10n-id="MucClear" data-menu-onclick="mucClear">Clear chat</button>
          <button data-l10n-id="MucExit" data-menu-onclick="mucExit">Exit from this group</button>
        </div>
      </div>
    </article>
  </section>
  <section id="contactAdd" data-transition="vertical" class="fix head">
    <header data-title="New Contact" data-l10n-title="NewContact">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">expand_less</button>
      </nav>
    </header>
    <article id="main" class="simple form scroll">
      <label for="address" data-l10n-id="Address">Address</label>
      <input type="text" name="address"/>
      <label for="name" data-l10n-id="Nickname">Nickname</label>
      <input type="text" name="name" data-l10n-placeholder="JohnDoe" placeholder="John Doe"/>
      <div class="buttongroup">
        <button class="add" data-l10n-id="Add">Add</button>
      </div>
    </article>
  </section>
  <section id="chat" data-transition="horizontal" class="fix head">
    <header>
      <nav class="on-left discreet">
        <button data-view-section="back" data-menu-onclick="emojiHide" class="material-icons tab">keyboard_arrow_left</button>
      </nav>
      <span class="totalUnread"></span>
      <span class="title" data-menu-onclick="chatSearchToggle"></span>
      <span class="status"></span>
      <span class="backchange"></span>
      <span class="avatar" data-menu-onclick="chatInfo"><img/></span>
      <nav class="help-left">
        <button data-help="chat" data-menu-onclick="showHelp" class="material-icons">help</button>
      </nav>
    </header>
    <article id="main">
      <ul id="messages" class="scroll paper"></ul>
      <i class="material-icons">lock</i>
      <div id="footbox">
        <script type="text/spacebars" name="footbox">
          <progress value="0" max="100"></progress>
          <div id="typing" data-l10n-id="Typing">Typing...</div>
          <div class="{{notRecording}}">
            <button id="emojis" class="recommend left" type="emojis" data-menu-onclick="emojiOpen">
              <i class="material-icons">insert_emoticon</i>
            </button>
            <button id="keyboard" class="recommend left" type="keyboard" data-menu-onclick="emojiClose">
              <i class="material-icons">keyboard</i>
            </button>
            <button class="recommend right voice {{notSupported}}" type="options" data-menu-onclick="emojiHide">
                <i class="material-icons">mic</i>
            </button>
            <button id="plus" class="recommend right" type="options" data-menu-onclick="plus" >
              <i class="material-icons">attach_file</i>
            </button>
            <button id="say" class="recommend right" type="send" data-menu-onclick="emojiHide">
              <i class="material-icons">send</i>
            </button>
            <span id="text" contentEditable="true"></span>
          </div>

          <div class="{{recording}} voice-recorder">
            <div class="duration"><span class="indicator"></span>{{duration}}</div>

            <button>
              <i class="material-icons">chevron_left</i>
            </button>

            <div class="main">{{l10n "SwipeToAbort"}}</div>

            <button class="voice">
                <i class="material-icons">mic</i>
            </button>

          </div>
        </script>
      </div>
    </article>
    <article id="searchbox">
      <i id="search-wait" class="material-icons">hourglass_empty</i>
      <button id="search-start" class="recommend left" data-menu-onclick="chatSearch"><i class="material-icons">search</i></button>
      <button id="search-next" class="recommend left" data-menu-onclick="chatSearch"><i class="material-icons">arrow_upward</i></button>
      <input></input>
      <span data-menu-onclick="chatSearchClear"><i class="material-icons">cancel</i></span>
    </article>
    <article id="audiobox">
	  <audio id="newAudio" controls></audio>
      <button id="close" class="material-icons">cancel</button>
    </article>
    <article id="emoji">
      <div id="emoji-loading" class="emoji-category"><i class="material-icons md-dark md-inactive">hourglass_empty</i></div>
    </article>
    <article id="call">
      <h1 data-l10n-id="Call">Call</h1>
      <ul></ul>
      <div class="buttongroup">
        <button data-role="back" data-view-article="main" data-l10n-id="Cancel">Cancel</button>
      </div>
    </article>
    <article id="videocall">
      <h1 data-l10n-id="VideoCall">VideoCall</h1>
      <ul></ul>
      <div class="buttongroup">
        <button data-role="back" data-view-article="main" data-l10n-id="Cancel">Cancel</button>
      </div>
    </article>
  </section>
  <div id="debugConsole">
    <i id="showConsole" class="material-icons md-24">add_circle</i>
    <i id="hideConsole" class="material-icons md-24">remove_circle</i>
    <div id="console" >
      <div id="backgroundConsole"></div>
      <div id="bodyConsole">
        <p id="consoleTitle" data-l10n-id="consoleTitle">Console:</p>
        <button id="consoleClear" data-l10n-id="consoleClear">Clear</button>
        <div id="logConsole" >...</div>
      </div>
    </div>
  </div>
  <section id="activity" data-transition="vertical">
    <header>
      <h1></h1>
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">close</button>
      </nav>
      <nav class="on-right discreet">
        <button data-menu-onclick="doSearch" class="hidden material-icons up">search</button>
      </nav>
      <nav data-control="groupbar">
        <a data-l10n-id="Chats" data-view-article="chats">Chats</a>
        <a data-l10n-id="Contacts" data-view-article="contacts">Contacts</a>
        <a data-l10n-id="Groups" data-view-article="groups">Groups</a>
      </nav>
    </header>
    <article id="main" class="active scroll"></article>
  </section>
  <section class="extended" id="backupPassword" data-transition="vertical">
    <header data-title="Password" data-l10n-title="Password">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">close</button>
      </nav>
    </header>
    <article class="scroll simple">
      <p data-l10n-id="PasswordExplanationBackup"></p>
      <input type="password" name="password" placeholder="enter your password" value="">
      <div class="buttongroup">
        <button id="selectPassword" data-l10n-id="SelectPassword">Select</button>
      </div>
    </article>
  </section>
  <section class="extended" id="pickBackup" data-transition="vertical">
      <header data-title="Select Backup" data-l10n-title="SelectBackup">
          <nav class="on-left">
            <button data-view-section="back" class="material-icons up">close</button>
          </nav>
      </header>
      <article class="scroll">
          <ul class="itemList"></ul>
      </article>
  </section>
  <section id="attachment" data-transition="vertical">
      <header data-title="Attachment" data-l10n-title="Attachment">
          <nav class="on-left">
            <button data-view-section="back" class="material-icons up">close</button>
          </nav>
      </header>
      <article class="scroll">
        <input type="file" class="ubuntu-touch-content-hub-input" id="filesend_input" accept="" />
        <input type="file" class="ubuntu-touch-content-hub-input" id="vcardsend_input" accept="text/vcard" />
        <ul class="itemList">
          <li class="file" data-menu-onclick="fileSend">
            <i class="material-icons">insert_drive_file</i>
            <span  data-l10n-id="MediaType_file">File</span>
          </li>
          <li class="location" data-menu-onclick="locationSend">
            <i class="material-icons">place</i>
            <span data-l10n-id="MediaType_url">Location</span>
          </li>
          <li class="vcard" data-menu-onclick="vcardSend">
            <i class="material-icons">contact_phone</i>
            <span data-l10n-id="MediaType_vCard">Contact</span>
          </li>
          <li class="bolt" data-menu-onclick="bolt">
            <i class="material-icons">flash_on</i>
            <span data-l10n-id="MediaType_bolt">Bolt</span>
          </li>
        <!--<li class="call" data-menu-onclick="call" data-icon="mobile-phone" data-l10n-id="Call">Call</li>
            <li class="videocall" data-menu-onclick="videocall" data-icon="video" data-l10n-id="VideoCall">VideoCall</li>-->
        </ul>
      </article>
  </section>
  <section id="otrMenu" data-transition="vertical">
    <header data-title="OTR Settings" data-l10n-title="OTRMenu">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">close</button>
      </nav>
    </header>
    <article id="otrSetup" class="scroll simple">
      <p data-l10n-id="OTRExplanation">Off-The-Record (OTR) allows you to have private conversations over any instant messaging protocol.<br/><br/>To start using OTR, you have to generate a secret key.<br/><small>(This may take up to several minutes depending on your device"s capabilities).</small></p>
      <div class="buttongroup">
        <button id="setupOtr" data-l10n-id="OTRSetup">Generate my key</button>
      </div>
    </article>
    <article id="otrSettings" class="scroll simple">
      <p>OTR is enabled for this account.</p>
      <p>Your key"s fingerprint is: <span id="otrKeyFingerprint"></span></p>
      <!--<p>
        <input type="checkbox" name="logOtrChats" id="logOtrChats" value="yes"/>
        <label for="logOtrChats">Log OTR-encrypted chats</label>
      </p>-->
    </article>
  </section>
  <section id="mucCreateForm" data-transition="vertical">
    <header data-title="New Group" data-l10n-title="MucCreate">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">expand_less</button>
      </nav>
    </header>
    <article id="main" class="simple form scroll">
      <div data-requires="federation">
        <label for="server" data-l10n-id="Server">Server</label>
        <select name="server">
          <option id="self" selected="selected"></option>
          <option value="conference.dukgo.com">dukgo.com</option>
          <option value="conference.jabber.ccc.de">jabber.ccc.de</option>
          <option value="muc.jappix.com">jappix.com</option>
          <option value="conference.jid.pl">jid.pl</option>
          <option value="muc.jix.im">jix.im</option>
          <option value="conference.system.im">system.im</option>
          <option value="custom" data-l10n-id="Custom" data-reveal="custom">Custom</option>
        </select>
        <input class="hidden" type="text" name="custom" />
      </div>
      <label for="name" data-l10n-id="MucTitle">Title</label>
      <input type="text" name="title" data-l10n-placeholder="MucTitlePH" placeholder="Old friends"/>
      <label for="members" data-l10n-id="Participants">Participants</label>
      <ul class="members listBox">
        <li class="add" data-l10n-id="Actioninvite" data-menu-onclick="mucInvite"><i class="material-icons">add</i>Invite</li>
      </ul>
      <div class="buttongroup">
        <button class="create" data-l10n-id="Create" data-menu-onclick="mucCreate">Create</button>
      </div>
    </article>
  </section>
  <section id="mucSearchForm" data-transition="vertical">
    <header data-title="Join Group" data-l10n-title="MucJoin">
      <nav class="on-left">
        <button data-view-section="back" class="material-icons up">expand_less</button>
      </nav>
    </header>
    <article id="main" class="simple form scroll">
      <label for="server" data-l10n-id="Server">Server</label>
      <select name="server">
        <option id="self" selected="selected"></option>
        <option value="conference.dukgo.com">dukgo.com</option>
        <option value="conference.jabber.ccc.de">jabber.ccc.de</option>
        <option value="muc.jappix.com">jappix.com</option>
        <option value="conference.jid.pl">jid.pl</option>
        <option value="muc.jix.im">jix.im</option>
        <option value="conference.system.im">system.im</option>
        <option value="custom" data-l10n-id="Custom" data-reveal="custom">Custom</option>
      </select>
      <input class="hidden" type="text" name="custom" />
      <div class="buttongroup">
        <button class="search" data-l10n-id="MucSearch" data-menu-onclick="mucSearch">Search groups</button>
      </div>
      <output name="rooms"><ul></ul></output>
    </article>
  </section>
  <aside id="accounts">
    <article id="accounts" class="active">
        <script type="text/spacebars" name="account_cover">
          {{#with account}}
          <div class="cover" data-jid="{{core.fullJid}}">
            <span class="avatar"><img/></span>
            <span class="provider">{{connector.provider.longName}}</span>
            <span class="jid">{{core.user}}</span>
            <a class="settings"><i class="material-icons">settings</i></a>
          </div>
          {{/with}}
        </script>
      <ul class="menu">
        <script type="text/spacebars" name="accounts_list">
          {{#each accounts}}
            <li data-account-index="{{index}}" data-value="{{enabled}}">
              <img class="provider" src="img/providers/{{data.core.provider}}.svg" />
              <span>{{data.core.user}}</span>
              <div class="switch"><div class="ball"></div><i class="material-icons">check</i></div>
            </li>
          {{/each}}
        </script>
        <li data-l10n-id="Providers" data-view-section="providers"><i class="material-icons">add</i>Add account</li>
        <hr />
        <li data-l10n-id="Settings" data-view-section="settings"><i class="material-icons">settings</i>Settings</li>
        <li data-l10n-id="Quit" data-menu-onclick="powerOff"><i class="material-icons">power_settings_new</i>Quit</li>
      </ul>
    </article>
  </aside>
  <script type="text/spacebars" name="providers_setup">
    {{#each providers}}
    <section id="{{key}}" class="setup" data-transition="horizontal">
      {{{form key}}}
    </section>
    {{/each}}
  </script>
  <audio src="audio/login.ogg" preload></audio>
  <audio src="audio/logout.ogg" preload></audio>
  <audio src="audio/newchat.ogg" preload></audio>
  <audio src="audio/received.ogg" preload></audio>
  <audio src="audio/sent.ogg" preload></audio>
  <audio src="audio/error.ogg" preload></audio>
  <audio src="audio/thunder.ogg" preload></audio>
  <script type="text/javascript" src="scripts/fabi1cazenave/l10n.js"></script>
  <script type="text/javascript" src="scripts/tapquo/quo.js"></script>
  <script type="text/javascript" src="scripts/loqui/chungo.js"></script>
  <script type="text/javascript" src="scripts/loqui/blaze/renderers.js"></script>
  <script type="text/javascript" src="scripts/meteor/blaze.js"></script>
  <script type="text/javascript" src="scripts/mozilla/async_storage.js"></script>
  <script type="text/javascript" src="scripts/mozilla/setImmediate.js"></script>
  <script type="text/javascript" src="scripts/mozilla/text_normalizer.js"></script>
  <script type="text/javascript" src="scripts/mozilla/contact2vcard.js"></script>
  <script type="text/javascript" src="scripts/caolan/async.js"></script>
  <script type="text/javascript" src="scripts/taylorhakes/promise-polyfill.js"></script>
  <script type="text/javascript" src="scripts/paj/sha1.js"></script>
  <script type="text/javascript" src="scripts/mathiasbynens/fromcodepoint.js"></script>
  <script type="text/javascript" src="scripts/strophe/strophe.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/disco.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/caps.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/messaging.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/roster.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/vcard.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/attention.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/time.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/muc.js"></script>
  <script type="text/javascript" src="scripts/strophe/plugins/version.js"></script>
  <script type="text/javascript" src="scripts/cryptoJS/aes.js"></script>
  <script type="text/javascript" src="scripts/cryptoJS/evpkdf.js"></script>
  <script type="text/javascript" src="scripts/cryptoJS/cipher-core.js"></script>
  <script type="text/javascript" src="scripts/cryptoJS/mode-ctr-min.js"></script>
  <script type="text/javascript" src="scripts/cryptoJS/pad-nopadding-min.js"></script>
  <script type="text/javascript" src="scripts/arlolra/dep/bigint.js"></script>
  <script type="text/javascript" src="scripts/arlolra/dep/crypto.js"></script>
  <script type="text/javascript" src="scripts/arlolra/dep/eventemitter.js"></script>
  <script type="text/javascript" src="scripts/arlolra/dep/salsa20.js"></script>
  <script type="text/javascript" src="scripts/arlolra/lib/const.js"></script>
  <script type="text/javascript" src="scripts/arlolra/lib/dsa.js"></script>
  <script type="text/javascript" src="scripts/arlolra/lib/helpers.js"></script>
  <script type="text/javascript" src="scripts/arlolra/otr.js"></script>
  <script type="text/javascript" src="scripts/google/traceur-runtime.min.js"></script>
  <script type="text/javascript" src="scripts/vcard/vcard.js"></script>
  <script type="text/javascript" src="scripts/vcard/vcf.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/TitanNano.de/Make.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/emojione/emojione.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/help.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/compat.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/tools.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/system.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/store.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/app.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/menu.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/providers.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/account.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/avatars.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/chat.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/plus.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/messenger.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/message.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/activity.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/VoiceRecorder.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/geo.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/bindings.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/blaze/helpers.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/blaze/events.js"></script>
  <script type="text/javascript;version=1.7" src="scripts/loqui/connectors/xmpp.js"></script>
  <script type="text/javascript" src="scripts/jquery/jquery-1.10.2.js"></script>
  <script>$("#newsInclude").load("https://nfsprodriver.github.io/loqui-news.html #news");</script>
  <script>$("#latestVersion").load("https://nfsprodriver.github.io/loqui-news.html #latestver");</script>
  </body>
</html>
